
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - consulta</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">507</td>
		    	<td class="value error-col-3 total ko">54.399 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 502<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">425</td>
		    	<td class="value error-col-3 total ko">45.601 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_consulta-5d76b'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['242', '726', '1210', '1694', '2178', '2662', '3146', '3630', '4114', '4598', '5081', '5565', '6049', '6533', '7017', '7501', '7985', '8469', '8953', '9437', '9921', '10405', '10889', '11373', '11857', '12341', '12825', '13309', '13793', '14277', '14760', '15244', '15728', '16212', '16696', '17180', '17664', '18148', '18632', '19116', '19600', '20084', '20568', '21052', '21536', '22020', '22504', '22988', '23472', '23956', '24439', '24923', '25407', '25891', '26375', '26859', '27343', '27827', '28311', '28795', '29279', '29763', '30247', '30731', '31215', '31699', '32183', '32667', '33151', '33635', '34118', '34602', '35086', '35570', '36054', '36538', '37022', '37506', '37990', '38474', '38958', '39442', '39926', '40410', '40894', '41378', '41862', '42346', '42830', '43314', '43797', '44281', '44765', '45249', '45733', '46217', '46701', '47185', '47669', '48153'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  14.82,0.6,0.52,0.6,0.3,0.37,0.22,0.22,0.15,0.22,0.3,0.37,0.0,0.07,0.37,0.6,0.3,0.22,0.15,0.15,0.07,0.22,0.37,0.0,0.0,0.15,0.3,0.3,0.15,0.0,0.52,0.15,0.0,0.0,0.07,0.07,0.22,0.15,0.3,0.45,0.37,0.67,0.07,0.3,0.37,0.37,0.07,0.22,0.52,0.22,0.3,0.07,0.45,0.15,0.3,0.22,0.15,0.22,0.22,0.22,0.15,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  31.97,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.37,0.82,1.12,0.37,0.22,1.12,0.6,0.82,0.97,1.12,0.75,0.6,0.75,0.82,0.45,0.52,0.52,0.9,0.07,0.75,1.05,0.67,1.05,0.3,0.52,1.27,0.37,1.12,0.6,1.42,0.67,1.27,0.45,0.67,0.3,0.37,0.45,0.6,0.67,0.45,0.52,0.67,0.6,0.9,0.3,1.12,0.22,0.22,0.52,0.6,0.3,0.3,0.67,0.3,0.45,0.3,0.37,0.52,0.3,0.45,0.22,0.07
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692799919,[5,5,5,5,5,5,5,5,5,5]],[1692799920,[26,31,37,42,43,44,45,46,47,48]],[1692799921,[4,4,5,5,5,5,5,5,5,5]],[1692799922,[5,16,27,38,40,42,44,46,48,49]],[1692799923,[7,7,7,7,7,7,7,7,7,7]],[1692799924,[6,16,26,36,38,40,42,43,45,46]],[1692799925,[5,5,5,5,5,5,5,5,5,5]],[1692799926,[4,29,55,64,66,68,70,72,73,74]],[1692799927,[4,15,27,39,41,43,46,48,50,51]],[1692799928,[4,4,4,4,4,4,4,4,4,4]],[1692799929,[3,3,3,3,3,3,3,3,3,3]],[1692799930,[3,5,8,31,36,40,45,50,54,55]],[1692799931,[4,5,6,58,75,85,96,107,115,118]],[1692799932,[4,4,6,6,6,6,7,7,7,8]],[1692799933,[3,5,6,8,12,15,20,23,27,28]],[1692799934,[3,3,5,5,5,6,6,6,6,6]],[1692799935,[3,4,4,5,6,7,9,10,11,12]],[1692799936,[4,4,4,4,4,4,4,4,4,4]],[1692799937,[3,3,4,4,4,5,7,8,9,10]],[1692799938,[3,3,4,16,24,33,46,59,69,72]],[1692799939,[3,3,3,3,3,3,3,3,3,3]],[1692799940,[3,3,3,4,4,4,4,4,4,5]],[1692799941,[3,3,3,4,4,4,4,4,4,4]],[1692799942,[3,3,3,3,3,3,3,3,3,3]],[1692799943,[3,3,3,3,3,3,3,3,3,3]],[1692799944,[3,3,3,4,4,4,4,4,4,5]],[1692799945,[3,3,4,4,4,4,4,4,4,5]],[1692799946,[2,3,3,4,4,4,4,4,4,4]],[1692799947,[2,3,3,4,6,6,7,9,11,12]],[1692799948,[2,3,3,3,3,3,3,3,3,3]],[1692799949,[2,3,3,3,4,6,8,21,113,137]],[1692799950,[3,14,82,196,197,211,285,293,308,313]],[1692799951,[80,428,637,1199,1276,1293,1498,1689,1832,1868]],[1692799952,[700,1133,1680,1886,1887,1893,2193,2478,2638,2678]],[1692799953,[1991,2282,2769,3585,3797,3839,3881,4076,4232,4271]],[1692799954,[2874,3769,4786,5316,5364,5417,5473,5615,5744,5777]],[1692799955,[4789,5670,6783,6979,6990,7093,7249,7728,8169,8280]],[1692799956,[7290,7659,7789,8664,8893,8966,9142,9316,9373,9388]],[1692799957,[8466,10439,10694,11840,12396,12740,13242,13963,14691,14873]],[1692799958,[12575,12753,13285,13630,13699,13738,13879,14377,14775,14875]],[1692799959,[14583,14854,14884,15708,16158,16609,16854,17064,17232,17274]],[1692799960,[15077,17582,18285,19665,19750,19884,19997,20040,20075,20084]],[1692799961,[18994,19175,19740,20287,20449,20801,21308,22354,23190,23400]],[1692799962,[19176,21054,21588,22418,22904,24730,27323,28508,29206,29381]],[1692799963,[20495,22323,23427,24428,24820,25332,25970,26673,27080,27176]],[1692799964,[22800,25183,25975,26990,27623,27787,28147,28685,28694,28697]],[1692799965,[26394,27027,28070,28184,28245,28314,28399,28484,28552,28570]],[1692799966,[29271,29271,29271,29271,29271,29271,29271,29271,29271,29271]],[1692799967,null],[1692799968,null],[1692799969,null],[1692799970,null],[1692799971,null],[1692799972,null],[1692799973,null],[1692799974,null],[1692799975,null],[1692799976,null],[1692799977,null],[1692799978,null],[1692799979,null],[1692799980,null],[1692799981,null],[1692799982,null],[1692799983,null],[1692799984,null],[1692799985,null],[1692799986,null],[1692799987,null],[1692799988,null],[1692799989,null],[1692799990,null],[1692799991,null],[1692799992,null],[1692799993,null],[1692799994,null],[1692799995,null],[1692799996,null],[1692799997,null],[1692799998,null],[1692799999,null],[1692800000,null],[1692800001,null],[1692800002,null],[1692800003,null],[1692800004,null],[1692800005,null],[1692800006,null],[1692800007,null],[1692800008,null],[1692800009,null],[1692800010,null],[1692800011,null],[1692800012,null],[1692800013,null],[1692800014,null],[1692800015,null],[1692800016,null],[1692800017,null],[1692800018,null],[1692800019,null],[1692800020,null],[1692800021,null],[1692800022,null],[1692800023,null],[1692800024,null],[1692800025,null],[1692800026,null],[1692800027,null],[1692800028,null],[1692800029,null],[1692800030,null],[1692800031,null],[1692800032,null],[1692800033,null],[1692800034,null],[1692800035,null],[1692800036,null],[1692800037,null],[1692800038,null],[1692800039,null],[1692800040,null],[1692800041,null],[1692800042,null],[1692800043,null],[1692800044,null],[1692800045,null],[1692800046,null],[1692800047,null],[1692800048,null],[1692800049,null],[1692800050,null],[1692800051,null],[1692800052,null],[1692800053,null],[1692800054,null],[1692800055,null],[1692800056,null],[1692800057,null],[1692800058,null],[1692800059,null],[1692800060,null],[1692800061,null],[1692800062,null],[1692800063,null],[1692800064,null],[1692800065,null],[1692800066,null],[1692800067,null],[1692800068,null],[1692800069,null],[1692800070,null],[1692800071,null],[1692800072,null],[1692800073,null],[1692800074,null],[1692800075,null],[1692800076,null],[1692800077,null],[1692800078,null],[1692800079,null],[1692800080,null],[1692800081,null],[1692800082,null],[1692800083,null],[1692800084,null],[1692800085,null],[1692800086,null],[1692800087,null],[1692800088,null],[1692800089,null],[1692800090,null],[1692800091,null],[1692800092,null],[1692800093,null],[1692800094,null],[1692800095,null],[1692800096,null],[1692800097,null],[1692800098,null],[1692800099,null],[1692800100,null],[1692800101,null],[1692800102,null],[1692800103,null],[1692800104,null],[1692800105,null],[1692800106,null],[1692800107,null],[1692800108,null],[1692800109,null],[1692800110,null],[1692800111,null],[1692800112,null],[1692800113,null],[1692800114,null],[1692800115,null],[1692800116,null],[1692800117,null],[1692800118,null],[1692800119,null],[1692800120,null],[1692800121,null],[1692800122,null],[1692800123,null],[1692800124,null],[1692800125,null],[1692800126,null],[1692800127,null],[1692800128,null],[1692800129,null],[1692800130,null],[1692800131,null],[1692800132,null],[1692800133,null],[1692800134,null],[1692800135,null],[1692800136,null],[1692800137,null],[1692800138,null],[1692800139,null],[1692800140,null],[1692800141,null],[1692800142,null],[1692800143,null],[1692800144,null],[1692800145,null],[1692800146,null],[1692800147,null],[1692800148,null],[1692800149,null],[1692800150,null],[1692800151,null],[1692800152,null],[1692800153,null],[1692800154,null],[1692800155,null],[1692800156,null],[1692800157,null],[1692800158,null],[1692800159,null],[1692800160,null],[1692800161,null],[1692800162,null],[1692800163,null],[1692800164,null],[1692800165,null],[1692800166,null],[1692800167,null],[1692800168,null],[1692800169,null],[1692800170,null],[1692800171,null],[1692800172,null],[1692800173,null],[1692800174,null],[1692800175,null],[1692800176,null],[1692800177,null],[1692800178,null],[1692800179,null],[1692800180,null],[1692800181,null],[1692800182,[18493,18906,19990,20212,20247,20282,20702,21186,21574,21671]],[1692800183,[18296,18645,18995,19345,19415,19485,19555,19625,19681,19695]],[1692800184,[18784,18784,18784,18784,18784,18784,18784,18784,18784,18784]],[1692800185,null],[1692800186,null],[1692800187,null],[1692800188,null],[1692800189,null],[1692800190,null],[1692800191,null],[1692800192,null],[1692800193,null],[1692800194,null],[1692800195,null],[1692800196,null],[1692800197,null],[1692800198,null],[1692800199,null],[1692800200,null],[1692800201,null],[1692800202,null],[1692800203,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692799919,[1,1,0]],[1692799920,[2,2,0]],[1692799921,[3,3,0]],[1692799922,[2,2,0]],[1692799923,[1,1,0]],[1692799924,[2,2,0]],[1692799925,[1,1,0]],[1692799926,[3,3,0]],[1692799927,[2,2,0]],[1692799928,[2,2,0]],[1692799929,[1,1,0]],[1692799930,[3,3,0]],[1692799931,[6,6,0]],[1692799932,[5,5,0]],[1692799933,[5,5,0]],[1692799934,[7,7,0]],[1692799935,[5,5,0]],[1692799936,[2,2,0]],[1692799937,[7,7,0]],[1692799938,[7,7,0]],[1692799939,[2,2,0]],[1692799940,[7,7,0]],[1692799941,[9,9,0]],[1692799942,[3,3,0]],[1692799943,[2,2,0]],[1692799944,[8,8,0]],[1692799945,[9,9,0]],[1692799946,[13,13,0]],[1692799947,[16,16,0]],[1692799948,[15,15,0]],[1692799949,[20,20,0]],[1692799950,[22,22,0]],[1692799951,[14,14,0]],[1692799952,[15,15,0]],[1692799953,[11,11,0]],[1692799954,[12,12,0]],[1692799955,[12,12,0]],[1692799956,[16,16,0]],[1692799957,[14,14,0]],[1692799958,[10,10,0]],[1692799959,[8,8,0]],[1692799960,[10,10,0]],[1692799961,[10,10,0]],[1692799962,[12,12,0]],[1692799963,[24,24,0]],[1692799964,[17,17,0]],[1692799965,[8,7,1]],[1692799966,[11,1,10]],[1692799967,[13,0,13]],[1692799968,[7,0,7]],[1692799969,[10,0,10]],[1692799970,[20,0,20]],[1692799971,[10,0,10]],[1692799972,[4,0,4]],[1692799973,[24,0,24]],[1692799974,[22,0,22]],[1692799975,[14,0,14]],[1692799976,[19,0,19]],[1692799977,[12,0,12]],[1692799978,[9,0,9]],[1692799979,[12,0,12]],[1692799980,[32,0,32]],[1692799981,[21,0,21]],[1692799982,[21,0,21]],[1692799983,[25,0,25]],[1692799984,[19,0,19]],[1692799985,[23,0,23]],[1692799986,[12,0,12]],[1692799987,[21,0,21]],[1692799988,[9,0,9]],[1692799989,[24,0,24]],[1692799990,[20,0,20]],[1692799991,[23,0,23]],[1692799992,[19,0,19]],[1692799993,[19,0,19]],[1692799994,[20,0,20]],[1692799995,[12,0,12]],[1692799996,[0,0,0]],[1692799997,[0,0,0]],[1692799998,[0,0,0]],[1692799999,[0,0,0]],[1692800000,[0,0,0]],[1692800001,[0,0,0]],[1692800002,[0,0,0]],[1692800003,[0,0,0]],[1692800004,[0,0,0]],[1692800005,[0,0,0]],[1692800006,[0,0,0]],[1692800007,[0,0,0]],[1692800008,[0,0,0]],[1692800009,[0,0,0]],[1692800010,[0,0,0]],[1692800011,[0,0,0]],[1692800012,[0,0,0]],[1692800013,[0,0,0]],[1692800014,[0,0,0]],[1692800015,[0,0,0]],[1692800016,[0,0,0]],[1692800017,[0,0,0]],[1692800018,[0,0,0]],[1692800019,[0,0,0]],[1692800020,[0,0,0]],[1692800021,[0,0,0]],[1692800022,[0,0,0]],[1692800023,[0,0,0]],[1692800024,[0,0,0]],[1692800025,[0,0,0]],[1692800026,[0,0,0]],[1692800027,[0,0,0]],[1692800028,[0,0,0]],[1692800029,[0,0,0]],[1692800030,[0,0,0]],[1692800031,[0,0,0]],[1692800032,[0,0,0]],[1692800033,[0,0,0]],[1692800034,[0,0,0]],[1692800035,[0,0,0]],[1692800036,[0,0,0]],[1692800037,[0,0,0]],[1692800038,[0,0,0]],[1692800039,[0,0,0]],[1692800040,[0,0,0]],[1692800041,[0,0,0]],[1692800042,[0,0,0]],[1692800043,[0,0,0]],[1692800044,[0,0,0]],[1692800045,[0,0,0]],[1692800046,[0,0,0]],[1692800047,[0,0,0]],[1692800048,[0,0,0]],[1692800049,[0,0,0]],[1692800050,[0,0,0]],[1692800051,[0,0,0]],[1692800052,[0,0,0]],[1692800053,[0,0,0]],[1692800054,[0,0,0]],[1692800055,[0,0,0]],[1692800056,[0,0,0]],[1692800057,[0,0,0]],[1692800058,[0,0,0]],[1692800059,[0,0,0]],[1692800060,[0,0,0]],[1692800061,[0,0,0]],[1692800062,[0,0,0]],[1692800063,[0,0,0]],[1692800064,[0,0,0]],[1692800065,[0,0,0]],[1692800066,[0,0,0]],[1692800067,[0,0,0]],[1692800068,[0,0,0]],[1692800069,[0,0,0]],[1692800070,[0,0,0]],[1692800071,[0,0,0]],[1692800072,[0,0,0]],[1692800073,[0,0,0]],[1692800074,[0,0,0]],[1692800075,[0,0,0]],[1692800076,[0,0,0]],[1692800077,[0,0,0]],[1692800078,[0,0,0]],[1692800079,[0,0,0]],[1692800080,[0,0,0]],[1692800081,[0,0,0]],[1692800082,[0,0,0]],[1692800083,[0,0,0]],[1692800084,[0,0,0]],[1692800085,[0,0,0]],[1692800086,[0,0,0]],[1692800087,[0,0,0]],[1692800088,[0,0,0]],[1692800089,[0,0,0]],[1692800090,[0,0,0]],[1692800091,[0,0,0]],[1692800092,[0,0,0]],[1692800093,[0,0,0]],[1692800094,[0,0,0]],[1692800095,[0,0,0]],[1692800096,[0,0,0]],[1692800097,[0,0,0]],[1692800098,[0,0,0]],[1692800099,[0,0,0]],[1692800100,[0,0,0]],[1692800101,[0,0,0]],[1692800102,[0,0,0]],[1692800103,[0,0,0]],[1692800104,[0,0,0]],[1692800105,[0,0,0]],[1692800106,[0,0,0]],[1692800107,[0,0,0]],[1692800108,[0,0,0]],[1692800109,[0,0,0]],[1692800110,[0,0,0]],[1692800111,[0,0,0]],[1692800112,[0,0,0]],[1692800113,[0,0,0]],[1692800114,[0,0,0]],[1692800115,[0,0,0]],[1692800116,[0,0,0]],[1692800117,[0,0,0]],[1692800118,[0,0,0]],[1692800119,[0,0,0]],[1692800120,[0,0,0]],[1692800121,[0,0,0]],[1692800122,[0,0,0]],[1692800123,[0,0,0]],[1692800124,[0,0,0]],[1692800125,[0,0,0]],[1692800126,[0,0,0]],[1692800127,[0,0,0]],[1692800128,[0,0,0]],[1692800129,[0,0,0]],[1692800130,[0,0,0]],[1692800131,[0,0,0]],[1692800132,[0,0,0]],[1692800133,[0,0,0]],[1692800134,[0,0,0]],[1692800135,[0,0,0]],[1692800136,[0,0,0]],[1692800137,[0,0,0]],[1692800138,[0,0,0]],[1692800139,[0,0,0]],[1692800140,[0,0,0]],[1692800141,[0,0,0]],[1692800142,[0,0,0]],[1692800143,[0,0,0]],[1692800144,[0,0,0]],[1692800145,[0,0,0]],[1692800146,[0,0,0]],[1692800147,[0,0,0]],[1692800148,[0,0,0]],[1692800149,[0,0,0]],[1692800150,[0,0,0]],[1692800151,[0,0,0]],[1692800152,[0,0,0]],[1692800153,[0,0,0]],[1692800154,[0,0,0]],[1692800155,[0,0,0]],[1692800156,[0,0,0]],[1692800157,[0,0,0]],[1692800158,[0,0,0]],[1692800159,[8,0,8]],[1692800160,[10,0,10]],[1692800161,[14,0,14]],[1692800162,[37,0,37]],[1692800163,[17,0,17]],[1692800164,[23,0,23]],[1692800165,[27,0,27]],[1692800166,[31,0,31]],[1692800167,[40,0,40]],[1692800168,[30,0,30]],[1692800169,[17,0,17]],[1692800170,[19,0,19]],[1692800171,[11,0,11]],[1692800172,[8,0,8]],[1692800173,[8,0,8]],[1692800174,[15,0,15]],[1692800175,[9,0,9]],[1692800176,[20,0,20]],[1692800177,[30,0,30]],[1692800178,[17,0,17]],[1692800179,[31,0,31]],[1692800180,[2,0,2]],[1692800181,[1,0,1]],[1692800182,[8,8,0]],[1692800183,[2,2,0]],[1692800184,[1,1,0]],[1692800185,[0,0,0]],[1692800186,[0,0,0]],[1692800187,[0,0,0]],[1692800188,[0,0,0]],[1692800189,[0,0,0]],[1692800190,[0,0,0]],[1692800191,[0,0,0]],[1692800192,[0,0,0]],[1692800193,[0,0,0]],[1692800194,[0,0,0]],[1692800195,[0,0,0]],[1692800196,[0,0,0]],[1692800197,[0,0,0]],[1692800198,[0,0,0]],[1692800199,[0,0,0]],[1692800200,[0,0,0]],[1692800201,[0,0,0]],[1692800202,[0,0,0]],[1692800203,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692799919,[1,1,0]],[1692799920,[2,2,0]],[1692799921,[3,3,0]],[1692799922,[2,2,0]],[1692799923,[1,1,0]],[1692799924,[1,1,0]],[1692799925,[2,2,0]],[1692799926,[3,3,0]],[1692799927,[2,2,0]],[1692799928,[2,2,0]],[1692799929,[1,1,0]],[1692799930,[2,2,0]],[1692799931,[7,7,0]],[1692799932,[5,5,0]],[1692799933,[5,5,0]],[1692799934,[7,7,0]],[1692799935,[5,5,0]],[1692799936,[2,2,0]],[1692799937,[7,7,0]],[1692799938,[7,7,0]],[1692799939,[2,2,0]],[1692799940,[7,7,0]],[1692799941,[9,9,0]],[1692799942,[3,3,0]],[1692799943,[2,2,0]],[1692799944,[8,8,0]],[1692799945,[9,9,0]],[1692799946,[13,13,0]],[1692799947,[16,16,0]],[1692799948,[15,15,0]],[1692799949,[19,19,0]],[1692799950,[17,17,0]],[1692799951,[9,9,0]],[1692799952,[10,10,0]],[1692799953,[8,8,0]],[1692799954,[7,7,0]],[1692799955,[6,6,0]],[1692799956,[4,4,0]],[1692799957,[4,4,0]],[1692799958,[2,2,0]],[1692799959,[6,6,0]],[1692799960,[6,6,0]],[1692799961,[1,1,0]],[1692799962,[5,5,0]],[1692799963,[8,8,0]],[1692799964,[5,5,0]],[1692799965,[5,5,0]],[1692799966,[1,1,0]],[1692799967,[7,7,0]],[1692799968,[2,2,0]],[1692799969,[0,0,0]],[1692799970,[3,3,0]],[1692799971,[7,7,0]],[1692799972,[3,3,0]],[1692799973,[2,2,0]],[1692799974,[5,5,0]],[1692799975,[1,1,0]],[1692799976,[2,2,0]],[1692799977,[2,2,0]],[1692799978,[3,3,0]],[1692799979,[0,0,0]],[1692799980,[8,8,0]],[1692799981,[5,5,0]],[1692799982,[2,2,0]],[1692799983,[4,4,0]],[1692799984,[6,6,0]],[1692799985,[6,6,0]],[1692799986,[3,3,0]],[1692799987,[8,8,0]],[1692799988,[4,4,0]],[1692799989,[7,7,0]],[1692799990,[7,7,0]],[1692799991,[4,4,0]],[1692799992,[4,4,0]],[1692799993,[3,3,0]],[1692799994,[3,3,0]],[1692799995,[1,1,0]],[1692799996,[0,0,0]],[1692799997,[0,0,0]],[1692799998,[0,0,0]],[1692799999,[0,0,0]],[1692800000,[0,0,0]],[1692800001,[0,0,0]],[1692800002,[0,0,0]],[1692800003,[0,0,0]],[1692800004,[0,0,0]],[1692800005,[0,0,0]],[1692800006,[0,0,0]],[1692800007,[0,0,0]],[1692800008,[0,0,0]],[1692800009,[0,0,0]],[1692800010,[0,0,0]],[1692800011,[0,0,0]],[1692800012,[0,0,0]],[1692800013,[326,0,326]],[1692800014,[181,0,181]],[1692800015,[0,0,0]],[1692800016,[0,0,0]],[1692800017,[0,0,0]],[1692800018,[0,0,0]],[1692800019,[0,0,0]],[1692800020,[0,0,0]],[1692800021,[0,0,0]],[1692800022,[0,0,0]],[1692800023,[0,0,0]],[1692800024,[0,0,0]],[1692800025,[0,0,0]],[1692800026,[0,0,0]],[1692800027,[0,0,0]],[1692800028,[0,0,0]],[1692800029,[0,0,0]],[1692800030,[0,0,0]],[1692800031,[0,0,0]],[1692800032,[0,0,0]],[1692800033,[0,0,0]],[1692800034,[0,0,0]],[1692800035,[0,0,0]],[1692800036,[0,0,0]],[1692800037,[0,0,0]],[1692800038,[0,0,0]],[1692800039,[0,0,0]],[1692800040,[0,0,0]],[1692800041,[0,0,0]],[1692800042,[0,0,0]],[1692800043,[0,0,0]],[1692800044,[0,0,0]],[1692800045,[0,0,0]],[1692800046,[0,0,0]],[1692800047,[0,0,0]],[1692800048,[0,0,0]],[1692800049,[0,0,0]],[1692800050,[0,0,0]],[1692800051,[0,0,0]],[1692800052,[0,0,0]],[1692800053,[0,0,0]],[1692800054,[0,0,0]],[1692800055,[0,0,0]],[1692800056,[0,0,0]],[1692800057,[0,0,0]],[1692800058,[0,0,0]],[1692800059,[0,0,0]],[1692800060,[0,0,0]],[1692800061,[0,0,0]],[1692800062,[0,0,0]],[1692800063,[0,0,0]],[1692800064,[0,0,0]],[1692800065,[0,0,0]],[1692800066,[0,0,0]],[1692800067,[0,0,0]],[1692800068,[0,0,0]],[1692800069,[0,0,0]],[1692800070,[0,0,0]],[1692800071,[0,0,0]],[1692800072,[0,0,0]],[1692800073,[0,0,0]],[1692800074,[0,0,0]],[1692800075,[0,0,0]],[1692800076,[0,0,0]],[1692800077,[0,0,0]],[1692800078,[0,0,0]],[1692800079,[0,0,0]],[1692800080,[0,0,0]],[1692800081,[0,0,0]],[1692800082,[0,0,0]],[1692800083,[0,0,0]],[1692800084,[0,0,0]],[1692800085,[0,0,0]],[1692800086,[0,0,0]],[1692800087,[0,0,0]],[1692800088,[0,0,0]],[1692800089,[0,0,0]],[1692800090,[0,0,0]],[1692800091,[0,0,0]],[1692800092,[0,0,0]],[1692800093,[0,0,0]],[1692800094,[0,0,0]],[1692800095,[0,0,0]],[1692800096,[0,0,0]],[1692800097,[0,0,0]],[1692800098,[0,0,0]],[1692800099,[0,0,0]],[1692800100,[0,0,0]],[1692800101,[0,0,0]],[1692800102,[0,0,0]],[1692800103,[0,0,0]],[1692800104,[0,0,0]],[1692800105,[0,0,0]],[1692800106,[0,0,0]],[1692800107,[0,0,0]],[1692800108,[0,0,0]],[1692800109,[0,0,0]],[1692800110,[0,0,0]],[1692800111,[0,0,0]],[1692800112,[0,0,0]],[1692800113,[0,0,0]],[1692800114,[0,0,0]],[1692800115,[0,0,0]],[1692800116,[0,0,0]],[1692800117,[0,0,0]],[1692800118,[0,0,0]],[1692800119,[0,0,0]],[1692800120,[0,0,0]],[1692800121,[0,0,0]],[1692800122,[0,0,0]],[1692800123,[0,0,0]],[1692800124,[0,0,0]],[1692800125,[0,0,0]],[1692800126,[0,0,0]],[1692800127,[0,0,0]],[1692800128,[0,0,0]],[1692800129,[0,0,0]],[1692800130,[0,0,0]],[1692800131,[0,0,0]],[1692800132,[0,0,0]],[1692800133,[0,0,0]],[1692800134,[0,0,0]],[1692800135,[0,0,0]],[1692800136,[0,0,0]],[1692800137,[0,0,0]],[1692800138,[0,0,0]],[1692800139,[0,0,0]],[1692800140,[0,0,0]],[1692800141,[0,0,0]],[1692800142,[0,0,0]],[1692800143,[0,0,0]],[1692800144,[0,0,0]],[1692800145,[0,0,0]],[1692800146,[0,0,0]],[1692800147,[0,0,0]],[1692800148,[0,0,0]],[1692800149,[0,0,0]],[1692800150,[0,0,0]],[1692800151,[0,0,0]],[1692800152,[0,0,0]],[1692800153,[0,0,0]],[1692800154,[0,0,0]],[1692800155,[0,0,0]],[1692800156,[0,0,0]],[1692800157,[0,0,0]],[1692800158,[0,0,0]],[1692800159,[8,0,8]],[1692800160,[10,0,10]],[1692800161,[14,0,14]],[1692800162,[36,0,36]],[1692800163,[18,0,18]],[1692800164,[23,0,23]],[1692800165,[27,0,27]],[1692800166,[31,0,31]],[1692800167,[35,0,35]],[1692800168,[33,0,33]],[1692800169,[19,0,19]],[1692800170,[18,0,18]],[1692800171,[12,0,12]],[1692800172,[8,0,8]],[1692800173,[8,0,8]],[1692800174,[15,0,15]],[1692800175,[9,0,9]],[1692800176,[20,0,20]],[1692800177,[30,0,30]],[1692800178,[17,0,17]],[1692800179,[31,0,31]],[1692800180,[2,0,2]],[1692800181,[1,0,1]],[1692800182,[0,0,0]],[1692800183,[0,0,0]],[1692800184,[0,0,0]],[1692800185,[0,0,0]],[1692800186,[0,0,0]],[1692800187,[0,0,0]],[1692800188,[0,0,0]],[1692800189,[0,0,0]],[1692800190,[0,0,0]],[1692800191,[0,0,0]],[1692800192,[0,0,0]],[1692800193,[0,0,0]],[1692800194,[0,0,0]],[1692800195,[0,0,0]],[1692800196,[0,0,0]],[1692800197,[0,0,0]],[1692800198,[0,0,0]],[1692800199,[0,0,0]],[1692800200,[2,2,0]],[1692800201,[2,2,0]],[1692800202,[6,6,0]],[1692800203,[1,1,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 397.0, color: '#68b65c'},{name: 'KO', y: 932.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[1,18784],[2,19625],[6,3],[7,5],[7,7],[7,5],[8,46],[8,46],[8,43],[8,48],[8,4],[8,4],[8,21186],[9,5],[9,72],[9,3],[9,3],[11,3],[12,50],[13,7],[14,23],[15,10],[17,59],[18,6],[18,4],[19,8],[20,107],[23,4],[23,4],[30,4],[39,4],[46,9],[50,3],[58,21],[61,1689],[63,293],[65,2478],[66,4076],[70,5615],[74,7728],[83,9316],[84,13963],[85,14377],[85,17064],[93,20040],[96,22354],[103,28508],[110,28484],[116,28685],[117,29271],[118,26673]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[1,0],[2,0],[8,12],[8,0],[8,1],[9,1],[10,95],[11,78],[14,2],[15,1],[17,1],[17,172],[17,1],[19,100],[20,1],[23,93],[27,3],[30,95],[30,1],[31,94],[31,1],[37,95],[40,96],[110,48395],[117,47745],[122,46907],[124,45885],[128,44695],[135,41714],[137,42678],[141,43789],[156,38483],[159,40867],[160,39414],[163,36638],[164,35644],[166,37601],[170,34830],[188,32968],[192,31799],[195,33839],[197,29920],[199,30802],[199,28037],[205,28799],[205,25797],[211,26790],[222,24804],[223,23893],[229,23073],[230,22089],[234,21084],[234,18992],[239,19797]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
